<%-- 
    Document   : NRegGenDocPersonal
    Created on : 03-feb-2015, 13:34:35
    Author     : uotu
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <script src="${pageContext.request.contextPath}/JQuery_w/external/jquery/jquery.js"></script>
        <script src="${pageContext.request.contextPath}/JQuery_w/jquery-ui.min.js"></script>
        <script src="${pageContext.request.contextPath}/scripts/scriptSiaTd.js"></script>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/JQuery_w/jquery-ui.min.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/JQuery_w/jquery-ui.structure.min.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/JQuery_w/jquery-ui.theme.min.css"/>
        <script src="${pageContext.request.contextPath}/scripts/calendario.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script>
            var est = "0";
            $().ready(function () {
                $("#listaDocReferencia").dialog({
                    autoOpen: false,
                    show: {
                        effect: "explode"
                    },
                    hide: {effect: "explode"},
                    width: 1000,
                    height: 250
                });
                est = "0";
                obtenerNroDoc();
            });
            function openDialogDoc()
            {
                $("#listaDocReferencia").dialog("open");
            }
            function ListarDocRef() {
                $.post("busDocPersonales.htm", {dni: document.frm1.dniUsuario.value, tipDoc: "", asu: "", fec: "", uniPad: "", uniDep: ""}, function (data) {
                    $("#listaDocReferencia table tbody").html(data);
                });
                openDialogDoc();
            }
            function selectDocRef(select)
            {
                if (est == "2") {
                    document.frm1.referenciaDocPers.value += ",[numDoc'" + document.getElementById(select).getElementsByTagName("td")[0].innerHTML + "'," +
                            "rut:'" + document.getElementById(select).getElementsByTagName("td")[9].innerHTML + "']";
                }
                if (est == "0") {
                    document.frm1.referenciaDocPers.value += "{";
                    est = "1";
                }
                if (est == "1") {
                    document.frm1.referenciaDocPers.value += "[numDoc'" + document.getElementById(select).getElementsByTagName("td")[0].innerHTML + "'," +
                            "rut:'" + document.getElementById(select).getElementsByTagName("td")[9].innerHTML + "']";
                    est = "2";
                }

                document.getElementById("docRef").value += "codDoc:" + document.getElementById(select).getElementsByTagName("td")[0].innerHTML + "\n";
                document.getElementById("docRef").value += "ruta doc:" + document.getElementById(select).getElementsByTagName("td")[9].innerHTML + "\n - - - - - \n";
                $("#listaDocReferencia").dialog("close");
            }
            function submiter()
            {
                document.frm1.referenciaDocPers.value += "}";
                document.frm1.submit();
            }
            function obtenerNroDoc()
            {
                $.post("generaNroGenDocPersonal.htm", {codTipDoc: document.frm1.codTipoDoc.value}, function (data) {
                    document.frm1.nroTipoDocPers.value = data;
                });
            }
        </script>
    </head>
    <body>
        <form action="registraGenDocPersonal.htm" name="frm1" method="post" onsubmit="submiter();
                return false;">
            <label/>tipo documento<select  name="codTipoDoc" onchange="obtenerNroDoc();">
                <c:forEach items="${doc}" var="d">
                    <option value="${d.codDocumento}">${d.tipo}</option>
                </c:forEach>
            </select>
            <label/>nro Emision Documento <input type="text" value="${nroEmidocAdm}" name="nroEmisionDocAdm"/>
            <label/>nro tipo documento Persona<input type="text" name="nroTipoDocPers"/>
            <label/>nombre tipo documento Persona<input type="text" name="nomTipoDocPers"/>
            <label/>Asunto<input type="text" name="asuntoDoc"/>
            <label/>fecha<input class="tx_fecha" type="text" name="fecha"/>
            <label/>Usuario destino <input type="text" name="usuDestinoDocPers" id="usuDni" placeholder="Dni.."/>
            <input type="text" name="apePat" placeholder="Ape Paterno.."/>
            <input type="text" name="apeMat" placeholder="Ape Materno.."/>
            <input type="text" name="preNom" placeholder="Pre Nombre.."/>
            <button type="button" onclick="ListarUsuarios();">:::</button>
            <label/>Unidad Padre<select name="codUniPadreInt">
                <c:forEach items="${uniPad}" var="up">
                    <option value="${up.idUniOrgPadre}">${up.nombre}</option>
                </c:forEach> 
            </select>
            <label/>Unidad Departamento<select name="codUniDepInt">
                <c:forEach items="${uniDep}" var="ud">
                    <option value="${ud.codUnidDepInter}">${ud.nombre}</option>
                </c:forEach>
            </select>
            <label/>Referencia documento<input type="text" name="referenciaDocPers"/>
            <textarea id="docRef"></textarea><button type="button" onclick="ListarDocRef();">:::</button>
            <label/>copi doc<input type="text" name="copiDocPers"/>
            <label/>ini datos<input type="text" name="iniDatosPers" value="${iniDat}" />
            <label/>Tipo Año<select name="codTipoAnio">
                <c:forEach items="${tipAni}" var="ta">
                    <option value="${ta.codTipAnio}">${ta.tipoAnio}</option>
                </c:forEach>
            </select>

            <label/>año<select name="codAnio">
                <c:forEach items="${ani}" var="a">
                    <option value="${a.codAnio}">${a.anio}</option>
                </c:forEach>
            </select>
            <label/>Estado Doc persona<select name="codEstDocPers">
                <c:forEach items="${estCodPer}" var="ecp">
                    <option value="${ecp.codEstadoDocPers}">${ecp.tipo}</option>
                </c:forEach>
            </select>
            <label/>Dni <input type="text" value="${dni}" name="dniUsuario"/>
            <label/>ruta documento<input type="file" name="rutaDocumento"/>
            <button>Registrar</button>
        </form>
        <h2>${result}</h2>
        <%--Sirve para el div modal, lista de usuarios--%>
        <div id="ListaUsuariosModal" title="Lista De Usuarios">
            <div id="BusUsu">
                <input type="text" id="dni" placehoder="Buscar por DNI"/>
                <input type="text" id="aPat" placehoder="Ap. Paterno"/>
                <input type="text" id="aMat" placehoder="Ap. Materno"/>
                <input type="text" id="pNom" placehoder="PreNombre"/>
            </div>
            <div id="ListaUsuarios">
            </div>
        </div>
        <%--Modal de detalle de documentos--%>
        <div id="listaDocReferencia" title="Lista De Documentos">
            <div>
                <table>
                    <thead>
                        <tr>
                            <th>Nro Emision Doc.</th>
                            <th>Tipo Doc.</th>
                            <th>Nombre Doc.</th>
                            <th>Asunto</th>
                            <th>Fecha</th>
                            <th>Año</th>
                            <th>Destinatario</th>
                            <th>Unidad Pad.</th>
                            <th>Unidad Dep.</th>
                            <th>Ruta Doc.</th>
                            <th></th>
                        </tr>    
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>
